<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>简介 | vue-next-admin</title>
    
    <meta name="generator" content="VitePress v1.6.3">
    <link rel="preload stylesheet" href="/vue-next-admin-doc-preview/assets/style.Brpq300p.css" as="style">
    <link rel="preload stylesheet" href="/vue-next-admin-doc-preview/vp-icons.css" as="style">
    
    <script type="module" src="/vue-next-admin-doc-preview/assets/app.BSorFS4w.js"></script>
    <link rel="preload" href="/vue-next-admin-doc-preview/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/vue-next-admin-doc-preview/assets/chunks/theme.D_-w8-Et.js">
    <link rel="modulepreload" href="/vue-next-admin-doc-preview/assets/chunks/framework.JQJLXAcz.js">
    <link rel="modulepreload" href="/vue-next-admin-doc-preview/assets/chunks/ccflowRightNextAdmin.CPPemjzb.js">
    <link rel="modulepreload" href="/vue-next-admin-doc-preview/assets/config_index.md.BWWh4uPI.lean.js">
    <link rel="icon" href="/vue-next-admin-doc-preview/images/favicon.ico">
    <meta name="keywords" content="doc、vue-next-admin、vue-next-admin-doc、vue3、element-plus、vuejs/vue-next">
    <meta name="description" content="🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等，适配手机、平板、pc 的后台开源免费模板库（vue2.x请切换vue-prev-admin分支）开发文档">
    <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?dd9ada7b25f65a181a42780f04b764e6";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css">
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div class="Layout" data-v-e6e9343e><!--[--><!--]--><!--[--><span tabindex="-1" data-v-518ab264></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-518ab264>Skip to content</a><!--]--><!----><header class="VPNav" data-v-e6e9343e data-v-fcd341ad><div class="VPNavBar" data-v-fcd341ad data-v-109f5bed><div class="wrapper" data-v-109f5bed><div class="container" data-v-109f5bed><div class="title" data-v-109f5bed><div class="VPNavBarTitle has-sidebar" data-v-109f5bed data-v-1ce8aa9a><a class="title" href="/vue-next-admin-doc-preview/" data-v-1ce8aa9a><!--[--><!--]--><!--[--><img class="VPImage logo" src="/vue-next-admin-doc-preview/images/logo-mini.svg" alt data-v-3a7f1e1a><!--]--><span data-v-1ce8aa9a>vue-next-admin</span><!--[--><!--]--></a></div></div><div class="content" data-v-109f5bed><div class="content-body" data-v-109f5bed><!--[--><!--]--><div class="VPNavBarSearch search" data-v-109f5bed><!--[--><!----><div id="local-search"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><span class="vp-icon DocSearch-Search-Icon"></span><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"><kbd class="DocSearch-Button-Key"></kbd><kbd class="DocSearch-Button-Key">K</kbd></span></button></div><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-109f5bed data-v-1b1a6c0b><span id="main-nav-aria-label" class="visually-hidden" data-v-1b1a6c0b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vue-next-admin-doc-preview/home/" tabindex="0" data-v-1b1a6c0b data-v-c861533d><!--[--><span data-v-c861533d>指南</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/vue-next-admin-doc-preview/config/" tabindex="0" data-v-1b1a6c0b data-v-c861533d><!--[--><span data-v-c861533d>配置</span><!--]--></a><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-1b1a6c0b data-v-bccf8a2a><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-bccf8a2a><span class="text" data-v-bccf8a2a><!----><span data-v-bccf8a2a>集成后端</span><span class="vpi-chevron-down text-icon" data-v-bccf8a2a></span></span></button><div class="menu" data-v-bccf8a2a><div class="VPMenu" data-v-bccf8a2a data-v-c7a754f7><div class="items" data-v-c7a754f7><!--[--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://gitee.com/zuohuaijun/Admin.NET" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>@zuohuaijun Admin.NET</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://github.com/PandaGoAdmin/PandaX" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>@熊猫 PandaGoAdmin</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://toscode.gitee.com/GionConnection/gopro_free" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>@甜蜜蜜 GoPro平台</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://gitee.com/GionConnection/niupi-free" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>@甜蜜蜜 NiuPi 平台</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://gitee.com/tiger1103/gfast/tree/os-v3/" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>@游子 GFast-V3</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://gitee.com/diygw/diygw-ui-php/" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>@diygw.com gw-ui-php</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://gitee.com/zsvg/vboot-net" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>@zsvg vboot-net</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://gitee.com/zsvg/vboot-java" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>@zsvg vboot-java</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://gitee.com/wonderful-code/buildadmin" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>@青红造了个白 buildadmin</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://github.com/xiaodingding/iotfast" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>@Goodwell iotfast(一个开源的物联网平台)</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-1b1a6c0b data-v-bccf8a2a><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-bccf8a2a><span class="text" data-v-bccf8a2a><!----><span data-v-bccf8a2a>演示 & 仓库</span><span class="vpi-chevron-down text-icon" data-v-bccf8a2a></span></span></button><div class="menu" data-v-bccf8a2a><div class="VPMenu" data-v-bccf8a2a data-v-c7a754f7><div class="items" data-v-c7a754f7><!--[--><!--[--><div class="VPMenuGroup" data-v-c7a754f7 data-v-8c65019a><p class="title" data-v-8c65019a>⛱️ 线上演示</p><!--[--><!--[--><div class="VPMenuLink" data-v-8c65019a data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="http://vuenextadmin.ccfast.cc/" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>vue3.x 版本预览（vue-next-admin）</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-8c65019a data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://lyt-top.gitee.io/vue-prev-admin-preview/#/login" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>vue2.x 版本预览（vue-prev-admin）</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-8c65019a data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://lyt-top.gitee.io/vue-next-admin-shop-preview" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>vue3 + uni-app 商城（vue-next-admin-shop）</span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--[--><div class="VPMenuGroup" data-v-c7a754f7 data-v-8c65019a><p class="title" data-v-8c65019a>💒 代码仓库</p><!--[--><!--[--><div class="VPMenuLink" data-v-8c65019a data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://gitee.com/lyt-top/vue-next-admin" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>gitee（国内：实时更新）</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-8c65019a data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://github.com/lyt-Top/vue-next-admin" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>github（国外：定期更新）</span><!--]--></a></div><!--]--><!--]--></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><div class="VPFlyout VPNavBarMenuGroup" data-v-1b1a6c0b data-v-bccf8a2a><button type="button" class="button" aria-haspopup="true" aria-expanded="false" data-v-bccf8a2a><span class="text" data-v-bccf8a2a><!----><span data-v-bccf8a2a>日志 & 文档</span><span class="vpi-chevron-down text-icon" data-v-bccf8a2a></span></span></button><div class="menu" data-v-bccf8a2a><div class="VPMenu" data-v-bccf8a2a data-v-c7a754f7><div class="items" data-v-c7a754f7><!--[--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://gitee.com/lyt-top/vue-next-admin/blob/master/CHANGELOG.md" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>更新日志</span><!--]--></a></div><!--]--><!--[--><div class="VPMenuLink" data-v-c7a754f7 data-v-230e2e15><a class="VPLink link vp-external-link-icon" href="https://gitee.com/lyt-top/vue-next-admin-doc" target="_blank" rel="noreferrer" data-v-230e2e15><!--[--><span data-v-230e2e15>文档仓库</span><!--]--></a></div><!--]--><!--]--></div><!--[--><!--]--></div></div></div><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vue-next-admin-doc-preview/support/" tabindex="0" data-v-1b1a6c0b data-v-c861533d><!--[--><span data-v-c861533d>赞助</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/vue-next-admin-doc-preview/shop/" tabindex="0" data-v-1b1a6c0b data-v-c861533d><!--[--><span data-v-c861533d>商城</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-109f5bed data-v-c3b75e45><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-c3b75e45 data-v-bd8da54f data-v-1587fe0b><span class="check" data-v-1587fe0b><span class="icon" data-v-1587fe0b><!--[--><span class="vpi-sun sun" data-v-bd8da54f></span><span class="vpi-moon moon" data-v-bd8da54f></span><!--]--></span></span></button></div><!----><div class="VPFlyout VPNavBarExtra extra" data-v-109f5bed data-v-36a09a39 data-v-bccf8a2a><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-bccf8a2a><span class="vpi-more-horizontal icon" data-v-bccf8a2a></span></button><div class="menu" data-v-bccf8a2a><div class="VPMenu" data-v-bccf8a2a data-v-c7a754f7><!----><!--[--><!--[--><!----><div class="group" data-v-36a09a39><div class="item appearance" data-v-36a09a39><p class="label" data-v-36a09a39>Appearance</p><div class="appearance-action" data-v-36a09a39><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-36a09a39 data-v-bd8da54f data-v-1587fe0b><span class="check" data-v-1587fe0b><span class="icon" data-v-1587fe0b><!--[--><span class="vpi-sun sun" data-v-bd8da54f></span><span class="vpi-moon moon" data-v-bd8da54f></span><!--]--></span></span></button></div></div></div><!----><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-109f5bed data-v-01e8b504><span class="container" data-v-01e8b504><span class="top" data-v-01e8b504></span><span class="middle" data-v-01e8b504></span><span class="bottom" data-v-01e8b504></span></span></button></div></div></div></div><div class="divider" data-v-109f5bed><div class="divider-line" data-v-109f5bed></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-e6e9343e data-v-19ebc9ec><div class="container" data-v-19ebc9ec><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-19ebc9ec><span class="vpi-align-left menu-icon" data-v-19ebc9ec></span><span class="menu-text" data-v-19ebc9ec>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-19ebc9ec data-v-f4d555a5><button data-v-f4d555a5>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-e6e9343e data-v-3048e0f0><div class="curtain" data-v-3048e0f0></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-3048e0f0><span class="visually-hidden" id="sidebar-aria-label" data-v-3048e0f0> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-b5e9a40d><section class="VPSidebarItem level-0 collapsible has-active" data-v-b5e9a40d data-v-708106a4><div class="item" role="button" tabindex="0" data-v-708106a4><div class="indicator" data-v-708106a4></div><h2 class="text" data-v-708106a4>基础</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-708106a4><span class="vpi-chevron-right caret-icon" data-v-708106a4></span></div></div><div class="items" data-v-708106a4><!--[--><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>简介</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/menu/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>菜单配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/layoutConfig/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>布局配置</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/iconfont/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>字体图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/server/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>服务端交互</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/vuex/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>vuex</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/build/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>打包预览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-b5e9a40d><section class="VPSidebarItem level-0 collapsible" data-v-b5e9a40d data-v-708106a4><div class="item" role="button" tabindex="0" data-v-708106a4><div class="indicator" data-v-708106a4></div><h2 class="text" data-v-708106a4>高级</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-708106a4><span class="vpi-chevron-right caret-icon" data-v-708106a4></span></div></div><div class="items" data-v-708106a4><!--[--><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/power/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>权限管理</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/route/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>路由参数</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/i18n/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>国际化</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/tagsView/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/directive/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>内置指令</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-b5e9a40d><section class="VPSidebarItem level-0 collapsible" data-v-b5e9a40d data-v-708106a4><div class="item" role="button" tabindex="0" data-v-708106a4><div class="indicator" data-v-708106a4></div><h2 class="text" data-v-708106a4>其它</h2><div class="caret" role="button" aria-label="toggle section" tabindex="0" data-v-708106a4><span class="vpi-chevron-right caret-icon" data-v-708106a4></span></div></div><div class="items" data-v-708106a4><!--[--><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/charts/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>数据可视化</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/tool/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>工具类集合</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/partyPlug/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>第三方插件使用</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/builtPlug/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>内置插件的使用</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-708106a4 data-v-708106a4><div class="item" data-v-708106a4><div class="indicator" data-v-708106a4></div><a class="VPLink link link" href="/vue-next-admin-doc-preview/config/otherIssues/" data-v-708106a4><!--[--><p class="text" data-v-708106a4>其它问题</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-e6e9343e data-v-1b0e1204><div class="VPDoc has-sidebar has-aside" data-v-1b0e1204 data-v-1bc29d7c><!--[--><!--]--><div class="container" data-v-1bc29d7c><div class="aside" data-v-1bc29d7c><div class="aside-curtain" data-v-1bc29d7c></div><div class="aside-container" data-v-1bc29d7c><div class="aside-content" data-v-1bc29d7c><div class="VPDocAside" data-v-1bc29d7c data-v-9a0c0521><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-9a0c0521 data-v-678806e9><div class="content" data-v-678806e9><div class="outline-marker" data-v-678806e9></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-678806e9>导航目录</div><ul class="VPDocOutlineItem root" data-v-678806e9 data-v-4569cf74><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-9a0c0521></div><!--[--><!--[--><!--[--><!--[--><div class="VPDocAsideSponsors"><div class="VPSponsors vp-sponsor aside"><!--[--><section class="vp-sponsor-section"><!----><div class="VPSponsorsGrid vp-sponsor-grid mini"><!--[--><div class="vp-sponsor-grid-item"><a class="vp-sponsor-grid-link" href="http://www.ccflow.org/" target="_blank" rel="sponsored noopener"><article class="vp-sponsor-grid-box"><h4 class="visually-hidden">驰骋流程+表单+低代码</h4><img class="vp-sponsor-grid-image" src="/vue-next-admin-doc-preview/images/ccflowRightNextAdmin.png" alt="驰骋流程+表单+低代码"></article></a></div><!--]--></div></section><!--]--></div></div><!--]--><!--]--><!--]--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-1bc29d7c><div class="content-container" data-v-1bc29d7c><!--[--><!--]--><main class="main" data-v-1bc29d7c><div style="position:relative;" class="vp-doc _vue-next-admin-doc-preview_config_" data-v-1bc29d7c><div><h1 id="简介" tabindex="-1">简介 <a class="header-anchor" href="#简介" aria-label="Permalink to &quot;简介&quot;">​</a></h1><div class="tip custom-block"><p class="custom-block-title">项目整体目录结构图介绍：</p><p><a href="https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin/" target="_blank" rel="noreferrer">vue-prev-admin</a> vue2.x 的目录结构也会基于该结构进行修改</p></div><h2 id="长期赞助商" tabindex="-1">长期赞助商 <a class="header-anchor" href="#长期赞助商" aria-label="Permalink to &quot;长期赞助商&quot;">​</a></h2><p>vueNextAdmin 是免费和开源的，由优秀的赞助商提供支持 ❤️。</p><a href="http://www.ccflow.org/" target="_black" class="next-sponsors-item"><img src="/vue-next-admin-doc-preview/images/ccflowRightNextAdmin.png" alt="驰骋流程+表单+低代码" title="驰骋流程+表单+低代码"></a><h2 id="目录结构图" tabindex="-1">目录结构图 <a class="header-anchor" href="#目录结构图" aria-label="Permalink to &quot;目录结构图&quot;">​</a></h2><p>目录结构将 <code>定期更新</code>。树结构生成 cmd 输入 <code>tree</code> 或 <code>tree /f</code></p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">├── vueNextAdmin</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">public</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (存放浏览器标题favicon.ico、静态json数据)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (存放视图、工具类、image)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">api</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (与服务端对接的接口函数定义。建议视图文件夹与api文件夹相同，如login文件夹)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">login</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (登录接口函数)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">menu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (菜单接口函数)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">assets</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (本地静态资源：图片、svg等)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">components</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (存放公用全局组件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">auth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (鉴权)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">cropper</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (裁剪图片)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">editor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (富文本编辑器)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">iconSelector</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (图标选择器)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">noticeBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (滚动通知)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">svgIcon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (自定义封装 svg 图标)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">table</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (自定义封装 table)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">directive</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (自定义指令内容)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">i18n</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (存放框架国际化内容)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">lang</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (框架内置国际化)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">pages</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (自定义国际化)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│       ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">formI18n</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (表单)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│       ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">home</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (首页)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│       └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">login</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (登录页)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">layout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (存放框架布局视图)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">component</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (布局公用组件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">footer</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (页脚)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">lockScreen</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (锁屏)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">logo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (logo)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">main</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (主布局)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">navBars</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (顶栏信息)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   │   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">topBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (面包屑、关闭全屏、菜单搜索、布局配置、用户信息、消息通知)，（v2.4.33版本改）</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   │   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">tagsView</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (标签页)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">navMenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (导航菜单)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">routerView</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (路由视图出口、外链、iframe内嵌)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">upgrade</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (版本升级提示组件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">sponsors</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (赞助商组件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">mock</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (存放模拟数据，非mock.js。用于城市多级联动)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">router</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (存放路由信息)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">stores</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (存放组件的状态 pinia)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">theme</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (存放框架样式)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">common</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (基础样式)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">media</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (媒体查询)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">mixins</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (scss混入)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">types</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (ts 类型定义文件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── axios.d.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (扩展 axios 数据返回类型，可自行扩展)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── global.d.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (全局 ts 类型定义申明)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── layout.d.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (layout 布局 ts 类型定义申明)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── mitt.d.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (mitt 事件总线 ts 类型定义申明)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   ├── pinia.d.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (pinia ts 类型定义申明)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│   └── views.d.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (views 视图各界面 ts 类型定义申明)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">utils</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (存放工具类函数)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│	└── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">views</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (存放页面视图)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">chart</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (大数据图表演示)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">error</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">404</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">、</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">401</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">fun</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (功能演示)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">clipboard</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (复制剪切)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">countup</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (countup 数字滚动)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">cropper</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (cropper 图片裁剪)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">echartsMap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (地理坐标</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">地图)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">gridLayout</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (拖拽布局)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">printJs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (页面打印)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">qrcode</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (qrcode 二维码生成)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">splitpanes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (窗格拆分器)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">tagsView</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (tagsView 操作)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">wangEditor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (wangEditor 编辑器)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">home</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (首页)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">limits</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (权限管理演示)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">backEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (后端控制)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   │   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">page</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (页面权限)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">frontEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (前端控制)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│       ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">btn</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (按钮权限)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│       └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">page</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (页面权限)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">login</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (登录界面)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">component</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (登录界面组件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">menu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (菜单嵌套演示)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│  ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">menu1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (menu1)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│  │  ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">menu11</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (menu11)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│  │  ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">menu12</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (menu12)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│  │  │   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">menu121</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (menu121)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│  │  │   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">menu122</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (menu122)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│  │  └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">menu13</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (menu13)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│  └──  </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">menu2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (menu2)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">pages</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (页面演示)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">awesome</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (awesome 字体图标)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">drag</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (拖动指令)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">dynamicForm</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (动态复杂表单)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">element</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (element 字体图标)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">filtering</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (过滤筛选组件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">formAdapt</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (表单自适应)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">formI18n</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (表单国际化)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">formRules</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (多表单验证)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   │   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">component</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (多表单验证各组件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">iocnfont</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (iconfont 字体图标)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">lazyImg</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (图片懒加载)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">listAdapt</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (列表自适应)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (大图预览)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">steps</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (步骤条)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">tableRules</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (表单表格验证)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">tree</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (树形改表格)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">waterfall</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (瀑布屏)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">workflow</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (工作流)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│       └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">component</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (工作流组件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│           ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">contextmenu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (工作流右键菜单)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│           └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">drawer</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (工作流拖拽组件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">make</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (组件封装)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">selector</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (图标选择器)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">noticeBar</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (滚动通知栏)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">svgDemo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (svg 演示)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">tableDemo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (自定义封装 table)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">params</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (路由参数演示)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">common</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (普通路由)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">dynamic</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (动态路由)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">personal</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (个人中心)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">system</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (系统设置)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   ├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">menu</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (菜单管理)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   │   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">component</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (菜单管理组件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			│   └── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">user</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (用户管理)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">tools</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (工具类集合)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│			└── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">visualizing</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (数据可视化)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	│</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">env</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (全局默认配置文件，无论什么环境都会加载合并)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── .env.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">development</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (开发环境的配置文件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── .env.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">production</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (生产环境的配置文件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">eslintignore</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (eslint忽略配置)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── .eslintrc.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">js</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (eslint配置)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">gitignore</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (git提交忽略配置)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── .prettierrc.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">js</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (prettier代码格式化配置)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">CHANGELOG</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">md</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (框架更新日志)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── index.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">html</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (用户页面访问入口)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">LICENSE</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (开源许可证)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">package-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">lock.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">json</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (npm锁定安装时的包的版本号)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── package.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">json</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (包的依赖管理配置文件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">README</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">md</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (框架介绍文件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── tsconfig.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">json</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (ts配置文件)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	└── vite.config.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ts</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (vite配置文件)</span></span></code></pre></div><h2 id="仓库代码各分支说明-后续将添加更多分支" tabindex="-1">仓库代码各分支说明（后续将添加更多分支） <a class="header-anchor" href="#仓库代码各分支说明-后续将添加更多分支" aria-label="Permalink to &quot;仓库代码各分支说明（后续将添加更多分支）&quot;">​</a></h2><p>项目切换分支后，README.md 文件内容都会不一样，请注意看 README.md 文件中的第一项 介绍 内容，会大概介绍当前分支是干啥的。<code>基础版同步 master 分支主版本</code></p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">├── vueNextAdmin</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">master</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (基于 vue3.x、vite、ts、Element plus等，主项目模板)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">develop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (开发分支，开发完将删除)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── vue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">prev</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">admin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (基于 vue2.x、vue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">cli、element ui 项目模板)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── vue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">next</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">admin</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (vue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">next</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">admin 基础版 ts，不带国际化)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── vue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">next</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">admin</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">template</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">js</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (基于 vue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">next</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">admin</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">template 修改 js 版，不带国际化)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── vue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">next</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">admin</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">nest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (基于 nestjs</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">vue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">next</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">admin 开发的权限控制系统（带后台@甜蜜蜜）)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── vue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">next</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">admin</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">mould</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (基于 vue3.x、vite、ts 配置了 eslint、prettier 通用项目模板)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	├── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">electron</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (跨平台的桌面应用程序)</span></span>
<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">	└── </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">personal</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ( personal</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">个人项目)</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-1bc29d7c data-v-7922fe7a><!--[--><!--]--><div class="edit-info" data-v-7922fe7a><div class="edit-link" data-v-7922fe7a><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://gitee.com/lyt-top/vue-next-admin-doc/edit/master/docs/config/index.md" target="_blank" rel="noreferrer" data-v-7922fe7a><!--[--><span class="vpi-square-pen edit-link-icon" data-v-7922fe7a></span> 欢迎到 Gitee 上编辑此页<!--]--></a></div><div class="last-updated" data-v-7922fe7a><p class="VPLastUpdated" data-v-7922fe7a data-v-f919ac01>上次更新: <time datetime="2023-04-12T05:01:52.000Z" data-v-f919ac01></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-7922fe7a><span class="visually-hidden" id="doc-footer-aria-label" data-v-7922fe7a>Pager</span><div class="pager" data-v-7922fe7a><!----></div><div class="pager" data-v-7922fe7a><a class="VPLink link pager-link next" href="/vue-next-admin-doc-preview/config/menu/" data-v-7922fe7a><!--[--><span class="desc" data-v-7922fe7a>下一页</span><span class="title" data-v-7922fe7a>菜单配置</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-e6e9343e data-v-d3e003fa><div class="container" data-v-d3e003fa><p class="message" data-v-d3e003fa>根据 MIT 许可证发布</p><p class="copyright" data-v-d3e003fa>本文档内容版权为 vue-next-admin 作者所有，保留所有权利。</p></div></footer><!--[--><!--]--></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"config_build_index.md\":\"D66wEP1j\",\"config_builtplug_index.md\":\"D2vmqGsI\",\"config_charts_index.md\":\"AKJZmCTu\",\"config_directive_index.md\":\"BknO8zbE\",\"config_i18n_index.md\":\"CEUZIFAO\",\"config_iconfont_index.md\":\"CwSwNiIL\",\"config_index.md\":\"BWWh4uPI\",\"config_layoutconfig_index.md\":\"y3w-TjAE\",\"config_menu_index.md\":\"3wChSrOV\",\"config_otherissues_index.md\":\"BOPxKpRj\",\"config_partyplug_index.md\":\"C8yqZf2d\",\"config_power_index.md\":\"Ck6Qtvrt\",\"config_route_index.md\":\"Bh5Jr5_u\",\"config_server_index.md\":\"BlrltGMx\",\"config_tagsview_index.md\":\"T-3O6iEI\",\"config_tool_index.md\":\"BD422M9a\",\"config_vuex_index.md\":\"BlaPjLAQ\",\"home_compatible_index.md\":\"3OXuA7v8\",\"home_doc_index.md\":\"C45XHwz0\",\"home_eslint_index.md\":\"DaE-VgkK\",\"home_fast_index.md\":\"Cvjlg4iK\",\"home_forpeople_index.md\":\"FmtZKjE-\",\"home_gitpush_index.md\":\"4PZJWbVF\",\"home_index.md\":\"5dmU-wlV\",\"home_install_index.md\":\"B0F5JJzW\",\"home_introduce_index.md\":\"CXcs-Z1z\",\"home_prettier_index.md\":\"Cv6odTsh\",\"home_thank_index.md\":\"B-DzVr5x\",\"home_vscode_index.md\":\"Bowdae-M\",\"index.md\":\"B79oanHt\",\"shop_index.md\":\"PQuQh6BV\",\"support_index.md\":\"C3lVrH0L\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"vue-next-admin\",\"description\":\"🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等，适配手机、平板、pc 的后台开源免费模板库（vue2.x请切换vue-prev-admin分支）开发文档\",\"base\":\"/vue-next-admin-doc-preview/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/images/logo-mini.svg\",\"search\":{\"provider\":\"local\"},\"outlineTitle\":\"导航目录\",\"outline\":\"deep\",\"lastUpdatedText\":\"上次更新\",\"editLink\":{\"pattern\":\"https://gitee.com/lyt-top/vue-next-admin-doc/edit/master/docs/:path\",\"text\":\"欢迎到 Gitee 上编辑此页\"},\"author\":\"lyt_20201208\",\"footer\":{\"message\":\"根据 MIT 许可证发布\",\"copyright\":\"本文档内容版权为 vue-next-admin 作者所有，保留所有权利。\"},\"docFooter\":{\"prev\":\"上一页\",\"next\":\"下一页\"},\"nav\":[{\"text\":\"指南\",\"link\":\"/home/\",\"activeMatch\":\"/home/\"},{\"text\":\"配置\",\"link\":\"/config/\",\"activeMatch\":\"/config/\"},{\"text\":\"集成后端\",\"items\":[{\"text\":\"@zuohuaijun Admin.NET\",\"link\":\"https://gitee.com/zuohuaijun/Admin.NET\"},{\"text\":\"@熊猫 PandaGoAdmin\",\"link\":\"https://github.com/PandaGoAdmin/PandaX\"},{\"text\":\"@甜蜜蜜 GoPro平台\",\"link\":\"https://toscode.gitee.com/GionConnection/gopro_free\"},{\"text\":\"@甜蜜蜜 NiuPi 平台\",\"link\":\"https://gitee.com/GionConnection/niupi-free\"},{\"text\":\"@游子 GFast-V3\",\"link\":\"https://gitee.com/tiger1103/gfast/tree/os-v3/\"},{\"text\":\"@diygw.com gw-ui-php\",\"link\":\"https://gitee.com/diygw/diygw-ui-php/\"},{\"text\":\"@zsvg vboot-net\",\"link\":\"https://gitee.com/zsvg/vboot-net\"},{\"text\":\"@zsvg vboot-java\",\"link\":\"https://gitee.com/zsvg/vboot-java\"},{\"text\":\"@青红造了个白 buildadmin\",\"link\":\"https://gitee.com/wonderful-code/buildadmin\"},{\"text\":\"@Goodwell iotfast(一个开源的物联网平台)\",\"link\":\"https://github.com/xiaodingding/iotfast\"}]},{\"text\":\"演示 & 仓库\",\"items\":[{\"text\":\"⛱️ 线上演示\",\"items\":[{\"text\":\"vue3.x 版本预览（vue-next-admin）\",\"link\":\"http://vuenextadmin.ccfast.cc/\"},{\"text\":\"vue2.x 版本预览（vue-prev-admin）\",\"link\":\"https://lyt-top.gitee.io/vue-prev-admin-preview/#/login\"},{\"text\":\"vue3 + uni-app 商城（vue-next-admin-shop）\",\"link\":\"https://lyt-top.gitee.io/vue-next-admin-shop-preview\"}]},{\"text\":\"💒 代码仓库\",\"items\":[{\"text\":\"gitee（国内：实时更新）\",\"link\":\"https://gitee.com/lyt-top/vue-next-admin\"},{\"text\":\"github（国外：定期更新）\",\"link\":\"https://github.com/lyt-Top/vue-next-admin\"}]}]},{\"text\":\"日志 & 文档\",\"items\":[{\"text\":\"更新日志\",\"link\":\"https://gitee.com/lyt-top/vue-next-admin/blob/master/CHANGELOG.md\"},{\"text\":\"文档仓库\",\"link\":\"https://gitee.com/lyt-top/vue-next-admin-doc\"}]},{\"text\":\"赞助\",\"link\":\"/support/\",\"activeMatch\":\"/support/\"},{\"text\":\"商城\",\"link\":\"/shop/\",\"activeMatch\":\"/shop/\"}],\"sidebar\":{\"/home/\":[{\"text\":\"入门须知\",\"collapsed\":false,\"items\":[{\"text\":\"许可\",\"link\":\"/home/\"},{\"text\":\"兼容性\",\"link\":\"/home/compatible/\"},{\"text\":\"适用人群\",\"link\":\"/home/forPeople/\"},{\"text\":\"学习文档\",\"link\":\"/home/doc/\"},{\"text\":\"特别鸣谢\",\"link\":\"/home/thank/\"}]},{\"text\":\"开发指南\",\"collapsed\":false,\"items\":[{\"text\":\"介绍\",\"link\":\"/home/introduce/\"},{\"text\":\"安装\",\"link\":\"/home/install/\"},{\"text\":\"其它\",\"link\":\"/home/fast/\"}]},{\"text\":\"代码规范\",\"collapsed\":false,\"items\":[{\"text\":\"eslint\",\"link\":\"/home/eslint/\"},{\"text\":\"prettier\",\"link\":\"/home/prettier/\"},{\"text\":\"vsCode 配置\",\"link\":\"/home/vscode/\"},{\"text\":\"git 提交规范\",\"link\":\"/home/gitPush/\"}]}],\"/config/\":[{\"text\":\"基础\",\"collapsed\":false,\"items\":[{\"text\":\"简介\",\"link\":\"/config/\"},{\"text\":\"菜单配置\",\"link\":\"/config/menu/\"},{\"text\":\"布局配置\",\"link\":\"/config/layoutConfig/\"},{\"text\":\"字体图标\",\"link\":\"/config/iconfont/\"},{\"text\":\"服务端交互\",\"link\":\"/config/server/\"},{\"text\":\"vuex\",\"link\":\"/config/vuex/\"},{\"text\":\"打包预览\",\"link\":\"/config/build/\"}]},{\"text\":\"高级\",\"collapsed\":false,\"items\":[{\"text\":\"权限管理\",\"link\":\"/config/power/\"},{\"text\":\"路由参数\",\"link\":\"/config/route/\"},{\"text\":\"国际化\",\"link\":\"/config/i18n/\"},{\"text\":\"标签页\",\"link\":\"/config/tagsView/\"},{\"text\":\"内置指令\",\"link\":\"/config/directive/\"}]},{\"text\":\"其它\",\"collapsed\":false,\"items\":[{\"text\":\"数据可视化\",\"link\":\"/config/charts/\"},{\"text\":\"工具类集合\",\"link\":\"/config/tool/\"},{\"text\":\"第三方插件使用\",\"link\":\"/config/partyPlug/\"},{\"text\":\"内置插件的使用\",\"link\":\"/config/builtPlug/\"},{\"text\":\"其它问题\",\"link\":\"/config/otherIssues/\"}]}],\"/shop/\":[{\"text\":\"首页\",\"collapsed\":false},{\"text\":\"分类\",\"collapsed\":false},{\"text\":\"服务\",\"collapsed\":false},{\"text\":\"购物车\",\"collapsed\":false},{\"text\":\"我的\",\"collapsed\":false}]}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
    
  </body>
</html>